html,body,h1,h2,h3,h4,h5,h6,p,input,ul,ol,dl,li,b,img,div,nav,dd,dt
{margin:0;padding:0;box-sizing: border-box;}
a{text-decoration:none;}
li{list-style: none;}
body{
    background:#e3e5e4;
}
img{display: block;}
//*********************************************TOP************************************************************
.top{
    width:950px;
    height:28px;
    margin: 0 auto;
}
.top .country{
    float:left ;
}
.top .login{
    float: right;
    li{
        float: left;
       line-height: 28px;
       
       a{
           font-size:12px;
           color:#93846f;
           padding: 0 8px;
           border:{
               right:1px solid #93846f;
           } 
           &:hover{
               color: #990211;
           }         
       }       
    }   
}
.top .login li:nth-child(5) a{
    border: none;
}
//*********************************************logo************************************************************
.logo_shopping_cart{
    background:#93846f;
    height:75px;
    .logo{
        width:950px;
        margin: 0 auto;
        .logo1{
            float: left;
        }
        img{
            padding-top:30px ;
        }
    }
    .shopping_cart{
        position: relative;
        float: right;
        width:240px;
        height:70px;
        border: 1px solid #b4a99a;
        border-radius: 6px;
        font-size: 12px;
        text-align: right;
        line-height: 20px;
        padding: 8px;
        img{
            position: absolute;
            top:-20px;
            left: 8px;
        }
        p{
            color: #fff;
        }
    }
}
//*********************************************advertise********************************************
.advertise{
    width:950px;
    background:#f69686;
    margin: 0 auto;
    line-height: 40px;
    text-align: center;   
    a{
       color: #fce225;
       font-size:16px;
       font-weight: normal;         
    }
}
//*********************************************nav**********************************************
.nav{
    width:950px;
    height:40px;
    background:#b8afa3;
    margin: 0 auto;  
    padding: 0 5px;
    .list_nav li{
        float: left;  
        margin: 0 15px; 
        a{
            font-size: 12px;
            color: #ebe9e5;
            line-height:40px;
            &:hover{
           color:#000;
            } 
        }         
    }  
}
//*********************************************brand**********************************************
.brand{
    width:950px;
    height:80px;
    padding: 0 15px;
    margin: 0 auto;
   background: #dad7d3 url(../images/offers_button.png) no-repeat 760px 8px;
    .search input{
        width:205px;
        height:25px;
        font-size: 12px;
        padding: 8px;     
    }
    .brand_search{
         width:205px;
         height:25px;
    }
    .btn{
        width:45px;
        height:25px;
    }   
}
.brand .hot_search{
    padding-top:10px;
    li{
    float: left;
    font-size: 14px;
    a{
        font-size:12px;
        color:#666666;
        padding: 0 15px;
    }
}
 
}
//*********************************************carousel**********************************************
.carousel {
    position: relative;
    background:#f5f5f4;
    text-align: center;
    padding: 0 20px;
    width: 950px;
    height: 360px;
    margin: 0 auto;
}
.carousel .carousel-img-list{
    position: absolute;
    li{
        position: absolute;
        display: none;  
        opacity: 0;     
    }
}
.carousel .carousel-img-list li:first-child{
    display: block;
    opacity: 1;    
}
.carousel .carousel-direction-btn {
    display: none;
    a{
        position: absolute;
        top: 50%;
        margin-top: -30px;
        width: 30px;
        line-height: 60px;
        color: #fff;
        font-size: 30px;
        text-align: center;
        background: rgba(0, 0, 0, .5);
    }
}

.carousel .carousel-direction-btn .carousel-right-btn {
    right: 0;
}
.carousel .carousel-btn-list {
    position: absolute;
    left: 80%;
    bottom: 6px;
    padding: 4px 6px;
    width: 96px;
    overflow: hidden;
    a{
        float: left;
        margin: 0 6px;
        width: 8px;
        height: 8px;
        background: #FBEAD9;
        border-radius: 50%;
    }
}
.carousel .carousel-btn-list .carousel-active {
    background: red;
}
